// pages/search/index.js
//导入封装的网络请求
import {request} from "../../request/index"
// 导入公共数据文件
const urlList=require("../../commons/common")
Page({

  /**
   * 页面的初始数据
   */
  data: {
    inputVal:"",//输入框的值
    goods:[],//搜索详细
    timeId:-1,//定时器id
    isFocus:false//按钮的显示隐藏

  },
  handleInput(e){
    const {value}=e.detail;
    this.setData({
      isFocus:true
    })
    //检查合法性
    if(!value.trim()){
      this.setData({
        //隐藏按钮
        isFocus:false,
        goods:[]//清空数组
      })
      return;
    }
    // 实现防抖（用户停止输入以后进行搜索）
    clearTimeout(this.data.timeId);
    this.data.timeId=setTimeout(()=>{
      this.getSearch(value);
    },500)
  },
  //搜索
  getSearch(query){
    request({
      url:urlList.goodsSearch,
      data:{query}
    }).then(res=>{
      this.setData({
        goods:res
      })
      console.log(res)
    })
  },
  //点击取消
  cancel(){
    this.setData({
      inputVal:"",
      goods:{},
      isFocus:false
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})